<!-- Dom模板 -->
<template>
  <div class="userAgreement">
    <!-- Dom内容 -->
    <div class="tops">
      <p @click="nextsTo('03')" class="icon iconfont icon-zuojiantou-01"></p>
      <p>用户协议</p>
      <p></p>
      <p></p>
    </div>
    <div class="yes">
      <p>
        <span
          >为了更好地为您提供服务，请您仔细阅读这份协议，理解认同后再进行注册。本协议是您与北京易才人力资源顾问有限公司(以下简称"易才”)就您注册、登录笃信平台及使用等所涉及的全部行为所订立的权利义务规范。您在注册过程中点击“同意"等按钮、及注册后登录和使用时，均表明您已完全充分理解、同意并接受本协议，愿意遵守本协议及公示的各项规则、规范的全部内容，若不同意则可停止注册、登录或使用。</span
        >
      </p>
      <p>
        一、定义<br />
        <span
          >1.1您:指提交有效申请并注册后，在笃信平台登录、上传、发布、提供链接等以各种形式传播内容(包括文字、图片、音频、视频、图表、漫画等)的自然人、法人或其他组织。</span
        ><br />
        <span
          >1.2笃信平台:是易才出品的一款资讯类应用，是基于数据挖掘的个性化推荐引擎。</span
        ><br />
        <span>
          1.3:是易才借助移动互联网产品――笃信平台对自然人、法人或其他组织包括但不限于媒体及内容合作伙伴所开放的内容分发渠道。您注册后可以通过上传发布内容，向用户传播信息、与用户交流互动等。易才是提供网络信息存储空间的网络服务提供者。</span
        >
      </p>
      <p>
        二、帐户注册和使用<br />
        <span
          >2.1在注册、使用和管理平台帐户时，请您使用真实、准确、合法、有效的相关身份证明材料及必要信息(包括您的姓名及电子邮件地址、联系电话、联系地址
          等)，以便易才在必要时与您联系，并注意及时更新。为使您更好地使用的各项服务，请您按照相关法律规定及要求完成实名认证。您应当对您提供的帐号资料的真实性、合法性、准确性和有效性独立承担责任。如因此给易才或第三方造成损害的，您应当依法予以赔偿。2.2为保障用户和公司利益，易才有权核查您提交的相关材料(如自然人身份证复印件、企业法人营业执照副本复印件、事业单位法人证书复印件、公司官方声明/说明等)后再决定是否核准您的注册申请。若您提交的材料或填写的信息不完整或不准确，则您可能无法使用本服务或在使用过程中受到限制。</span
        ><br />
        <span
          >2.3您所设置的帐户名不得违反国家法律法规及易才平台规则关于帐户名的管理规定，否则易才可对您的帐户名进行暂停使用或注销等处理，并向主管机关报告。2.4您理解并承诺。您的帐户名称、头像和简介等注册信息中不得出现违法和不良信息，没有冒用、关联机构或社会名人，您在帐户注册过程中需遵守法律法规、社会主义制度、国家利益、公民合法权益、公共秩序、社会道德风尚和信息真实性等内容。</span
        ><br />
        <span
          >2.5您同意并授权，为了更好的为您提供服务以及确保您的帐户安全，易才可以根据您提供的手机号码、身份证号码等信息，向全国公民身份号码查询服务中心、电信运营商、金融服务机构等可靠单位发起用户身份真实性、用户征信记录、用户手机号码有效性状态等情况的查询。</span
        ><br />
        <span
          >2.6帐号的所有权归易才所有,您注册申请通过后，您将拥有笃信平台帐号的使用权，可以登录并在上制作、复制、发布、传播内容。平台帐号的所有权归易才所有，公司有权因经营需要收回帐号。同时，禁止任何赠与、借用、租用、转让或售卖帐号等的行为
          。如您违反本协议内容，易才有权对该帐户进行暂停使用、注销或停止提供服务等处理,且不承担任何法律责任,由此导致的包括并不限于您通讯中断、资料和内容等清空等损失由您自行承担。</span
        >
      </p>
    </div>
  </div>
</template>
<script>
// import a from './a'; // 引入组件
export default {
  props: ["nextsTo"],
  // name: "FROM",
  data() {
    return {
      msg: "测试"
    };
  },

  // 监听属性
  computed: {},
  // 组件挂载的地方
  components: {},
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {}
};
</script>

<style scoped>
/* @import url(''); 引入css类 */
@import url("../../fonts/iconfont.css");
.userAgreement {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  padding-top: 50px;
  z-index: 1;
}
.tops {
  width: 100%;
  height: 50px;
  background: #fff;
  box-shadow: -1px 2px 5px -5px #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
}
.tops > :nth-child(2) {
  margin-left: 20px;
}
.icon {
  font-weight: bold;
  font-size: 23px;
  margin: 0 20px;
}
.fromgoup {
  width: 80%;
  height: auto;
  margin: 40px auto;
}
.fromgoup .van-field {
  margin-bottom: 40px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
.yes {
  width: 95%;
  margin: 10px auto;
}
.yes p {
  margin: 10px;
}
.yes p span {
  margin: 10px;
}
.agreement {
  width: 41%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.userYes {
  margin-left: 10px;
}
.userYes:hover {
  color: blue;
}
.logins {
  color: #33cc99;
  width: 45px;
}
</style>
